<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/white/common/common.jsp"%>
<%@include file="/white/common/taglibs.jsp"%>
<html>
<head>
<script type="text/javascript">
       
        function submitForm(){
            var searchForm=document.getElementById("searchForm");
            searchForm.submit();
        }
        
        function notAllowedLockSelf(id){           
            var searchForm=document.getElementById("searchForm");
            searchForm.action="userAction-"+id+"!lock.action";
            searchForm.submit();            
        }
        
        function validateModify(){        	
        	var check = document.getElementsByName("selectedIds");
        	var a = 0;
            var id;
           
            for(var i=0;i <check.length;i++){
                if(check[i].checked==true){
                    a++;
                    id = check[i].value;
                }
            }
            
            if(a == 1){            	
            	var searchForm=document.getElementById("searchForm");
            	searchForm.action="tmApponoffImeiRetainAction-"+id+"!toEdit.action";
            	searchForm.submit();
                return true;
            }else{
                alert("请选择一条记录?");
                return false;
            }
        }        
        
        function validateDelete(){
            var check=document.getElementsByName("selectedIds");
            var a=false;
            for(var i=0;i <check.length;i++){
                if(check[i].checked==true){
                    a=true;
                    break;
                }
            }
            if(a){
                return confirm('你确定所选择');
            }else{
                alert("请先择你要删除的内容!!");
                return false;
            }
        }

        function doDelete(){
            var searchForm=document.getElementById("searchForm");
            searchForm.action='tmApponoffImeiRetainAction!delete.action';
            searchForm.submit();
            return true;
        }
        
        function displayResult(){
            var result = "<s:property value='result'/>";
            if(result != null && result != ""){
                alert(result);
            }
        }

		function excel()
		{
			var searchForm=document.getElementById("searchForm");
			searchForm.action=  'tmApponoffImeiRetainAction!exportExcel.action';
			searchForm.submit();
		}
        
  
    </script>
    <style>
#ask-ico {
	position: relative;
	display: inline-block;
}

#ask-ico .ask-con {
		position: absolute;
	background: #666C6C;
	border: 1px solid #ccc;
	left: 100%;
	top: 0;
	width: 300px;
	height: 200px;
	padding: 10px;
	display: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	overflow:scroll;
	overflow-x:auto;
}

#ask-ico:hover .ask-con {
	display: block;
}

.margin-bottom {
	font-size: 13px;
	font-weight: bold;
}

.highlight {
	font-size: 13px;
	color: #5DDCE2;
	font-weight: bold;
}
</style>
</head>
<body onload="displayResult()">
	<s:form method="post"
		action="tmApponoffImeiRetainAction!queryByPage.action" theme="simple"
		id="searchForm">
		<div id="div_title">
			<h3>${classDisplayName}客户端 留存率统计  <a id="ask-ico"> <img
					src="img/q.png" />
					<div class="ask-con">
						<p class="margin-bottom">激活用户</p>
						<p>
							<span class="highlight">累计激活用户：</span>截止统计期末，有使用手机或PAD登陆过号码百事通客户端的累计用户数，以设备号（IMEI）去重；
						</p>
						<p>
							<span class="highlight">新增激活用户：</span>统计周期内，首次使用手机或PAD登陆号码百事通客户端的用户数，去重；
						</p>
						<p class="margin-bottom">留存率</p>
						<p>
							<span class="highlight">次日留存率：</span>
							（当天新增的用户中，在第2天还登录的用户数）/第一天激活总用户数
						</p>
						<p>
							<span class="highlight">第3日留存率：</span>（当天新增的用户中，在第2天还登录的用户数）/第一天激活总用户数
						</p>
						<p>
							<span class="highlight">第7日留存率：</span>（第一天激活的用户中，在往后的第7天还有登录的用户数）/第一天激活总用户数
						</p>
						<p>
							<span class="highlight">第30日留存率：</span>（第一天激活的用户中，在往后的第30天还有登录的用户数）/第一天激活总用户数
						</p>
						<p class="margin-bottom">活跃用户</p>
						<p>
							<span class="highlight">日活跃用户：</span>统计当天，有使用手机或PAD登陆过号码百事通客户端的总用户数，去重；
						</p>
						<p>
							<span class="highlight">日主动活跃：</span>统计当天，主动打开号码百事通客户端的总用户数，去重；
						</p>
						<p>
							<span class="highlight">日被动活跃（来显）：</span>统计当天，首次弹出来电显示的号码百事通客户端的用户数，去重；
						</p>
						<p>
							<span class="highlight">7日活跃用户：</span>以统计周期为基准，统计往前7天内（含当天）有使用手机或PAD登陆过号码百事通客户端的总用户数，去重；
						</p>
						<p>
							<span class="highlight">30日活跃用户：</span>以自然月为统计周期，统计有使用手机或PAD登陆过号码百事通客户端的总用户数，去重；
						</p>
						<p class="margin-bottom">沉默用户</p>
						<p>
							<span class="highlight">沉默用户：</span>用户只在安装日（及安装次日启用），且在后续时间内无启动行为，则被认为是沉默用户。该指标可以反应出新增用户的质量以及应用的匹配度。
						</p>
					</div>
				</a>
			</h3>
			<div id="div_search">
				<table>
					<tr>
					    <!-- 查询条件 -->
					    <td width="40" align="right">
							日期：
						</td>
						<td>
							<s:textfield name="query_startTime" label="日期" size="8" maxlength="10"
							onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyyMMdd', minDate:'1900-01-01',maxDate:'',startDate:'%y-%M-{%d-1}'})">
							</s:textfield>
							-	
							<s:textfield name="query_endTime" label="日期" size="8" maxlength="10"
							onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyyMMdd', minDate:'1990-01-01',maxDate:'',startDate:'%y-%M-{%d-1}'})">
							</s:textfield>
						</td>
						<td width="80" align="right">
							<authz:authorize ifAnyGranted="SMOOTH_ALL">
								<s:submit cssClass="submit_search" value="搜索"
									action="tmApponoffImeiRetainAction!queryByPage" />
							</authz:authorize>
						</td>

						<td width="70" align="right"><authz:authorize
								ifAnyGranted="OMC_PROD_GROUP">
								<input type="button" cssClass="input_button" value="导出"
									onClick="excel();document.getElementById('searchForm').action= 'tmApponoffImeiRetainAction!queryByPage.action';" />
							</authz:authorize></td>

					</tr>
				

				</table>
			</div>
		</div>

		<!--列表 -->
		<table cellpadding="0" cellspacing="0" class="t_list">
			<tr>

				<!--列表头部 -->


				<th>日期</th>
				<th>Imei新增数</th>
				<th>次日留存率</th>
				<th>第3日留存率</th>
				<th>第7日留存率</th>
				<th>第30日留存率</th>

			</tr>
			<s:iterator value="resultList" status="sindex">
				<tr>



					<td><s:property value="SHOW_DATE" /></td>
					<td><s:property value="IMEI_NEW_COUNT" /></td>
					<td><s:property value="NEXT_RETAINED" />%</td>
					<td><s:property value="THREE_RETAINED" />%</td>
					<td><s:property value="SEVEN_RETAINED" />%</td>
					<td><s:property value="THIRTY_RETAINED" />%</td>


				</tr>
			</s:iterator>
		</table>
		<!--列表 结束 -->
		<!--分页 �?�� -->
		<s:if test="resultList.size() > 0">
			<table border="0" cellspacing="0" cellpadding="0" class="t_bottom">
				<tr>
					<td><%@include file="/white/common/pageList.jsp"%></td>
				</tr>
			</table>
		</s:if>
		<!--分页 结束 -->

	</s:form>
</body>
</html>
